table.tree {
  outline: none;
  /*row*/

  /*node button*/

  /*node content*/

}
table.tree tr.node {
  cursor: default;
}
table.tree tr.node.active-todo {
  color: #ff00ff;
}
table.tree tr.node.checked {
  text-decoration: line-through;
  color: #a9a9a9;
}
table.tree tr.node.checked.underline {
  text-decoration: line-through underline;
}
table.tree .node-button {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 3px;
  top: 3px;
}
table.tree tr.parent .node-button {
  cursor: pointer;
}
table.tree tr.parent.expanded .node-button {
  background: url('../image/minus.gif') no-repeat;
}
table.tree tr.parent.collapsed .node-button {
  background: url('../image/plus.gif') no-repeat;
}
table.tree .node-content {
  height: 100%;
  position: relative;
  padding-left: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.tree .node-content span.label {
  padding: 0 3px 0 3px;
}
table.tree tr.selected .node-content span.label {
  background-color: highlight;
  color: highlighttext;
}
table.tree tr.checked.selected .node-content span.label {
  background-color: #a9a9a9;
}
table.tree tr.selected.active-todo span.label {
  background-color: #ff00ff;
}
table.tree .node.multiline span.label {
  display: inline-block;
}
table.tree .node.multiline input[type=checkbox] {
  float: left;
  margin-right: 12px;
}
table.tree input[type=checkbox] {
  padding: 0;
  margin: 3px 3px 3px 4px;
  position: relative;
  top: 1px;
}
